<html>
    <head>
      <title>Water Popup</title>
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
      <style>
        .wrapper{ 
          width: 750px;
          height: 300px;
        }
        .btn {
          margin-bottom: 20px;
        }
      </style>
    </head>
    <body>
      <div class="wrapper container">
        <div class="col-md-12">
          <button class="btn btn-primary" id="btn1">async set</button>
          <button class="btn btn-primary" id="btn2">get</button>
          <button class="btn btn-primary" id="btn3">local get set</button>
        </div>
        <div class="col-md-12">
          <textarea class="form-control" id="textarea">default value ...text</textarea>
        </div>
        <div class="col-md-6">
          <button class="btn btn-primary" id="btn4">save text</button>
        </div>
        <div class="col-md-12">
          <button class="btn btn-primary" id="btn6">remove</button>
          <button class="btn btn-primary" id="btn7">clear</button>
        </div>
      </div> 
      <script src="popup.js"></script>
    </body>
  </html>